#business-services {
  width: 100%;
  height: 100%;
  position: relative;
  .search-box {
    width: 100%;
    height: 120rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2172ED;
    .search-content {
      width: 540rpx;
      height: 68rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24rpx;
      color: #ffffff;
      border-radius: 34rpx;
      background-color: rgba(255, 255, 255, 0.2);
      .icon {
        display: block;
        line-height: 60rpx;
        font-size: 22rpx;
        margin-right: 10rpx;
      }
      input, .placeholder {
        height: 60rpx;
        line-height: 60rpx;
        width: 220rpx;
        text-align: left;
        color: #ffffff;
      }
    }
  }
  .business-scroll {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 120rpx;
    bottom: 0;
    padding: 24rpx;
    background-color: #eeeeee;
    .business-list {
      .business-item {
        display: flex;
        flex-direction: column;
        width: 702rpx;
        height:279rpx;
        background-color: #fff;
        box-shadow: 0rpx 8rpx 9rpx 0rpx rgba(33,114,237,0.02);
        border-radius: 8rpx;
        margin-bottom: 24rpx;
        position:relative;
        &.haveRead{
          opacity: 0.5;
        }
        .badge{
          width:20rpx;
          height:20rpx;
          border-radius: 50%;
          background: #EF6A46;
          position:absolute;
          top:20rpx;
          right:20rpx;
          z-index: 20;
        }
        .position{
          position: absolute;
          z-index: 10;
          top:0;
          left:0
        }
        .bignone{
          width:100%;
          height:278rpx;
          position:absolute;
          top:54rpx;
        }
        .head {
          padding: 6rpx 27rpx;
          box-sizing:border-box;
          .time {
            color: #fff;
            font-size:30rpx;
          }
        }
        .placeholder{
          width:100%;
          height:17rpx;
        }
        .info{
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          padding:0 74rpx;
          .title { 
            font-size: 36rpx;
            font-weight: 500;
            color: #fff;
            // padding-top:17rpx;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width:554rpx;
          }
          .content {
            font-size: 26rpx;
            padding-top:17rpx;
            color: #fff;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width:547rpx;
          }
        }
        .createTime{
          display: flex;
          justify-content: space-between;
          width: 270rpx;
          height:19rpx;
          margin-top:40rpx;  
          margin-left:74rpx;
          font-size: 26rpx;
          color:#fff;
        }
        .bgimg{
          width:702rpx;
          height:279rpx;
          position:absolute;
          top:0;
          left:0
        }
      }
    }
  }
}
